﻿<!DOCTYPE html>

<html>
<head>
    <title>@ViewBag.Title</title>
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
    <link rel="shortcut icon" href="@Url.Content("~/Content/favicon.ico")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.6.4.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.16.min.js")"></script>
    <link type="text/css" rel="Stylesheet" href="@Url.Content("~/Content/themes/base/jquery-ui.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/Plugins/ckeditor/ckeditor.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/Plugins/BlockUI/blockUI.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.form.js")"></script> 
        <script type="text/javascript" src="@Url.Content("~/Content/Plugins/jQueryAlert/jquery.alerts.js")"></script>
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/Plugins/jQueryAlert/jquery.alerts.css")" />
    <script type="text/javascript" src="@Url.Content("~/Content/Plugins/jAjaxUploadFile/ajaxupload.3.6.js")"></script> 
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/Plugins/jTemplate/jquery.jtemplate.css")" />
    <script type="text/javascript" src="@Url.Content("~/Content/Plugins/jTemplate/jqueryjtemplates.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/Plugins/tablesorter/jquery.tablesorter.min.js")"></script>
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/Plugins/tablesorter/themes/blue/style.css")" />
    <script language="javascript" type="text/javascript" src="@Url.Content("~/Content/Plugins/showLoading/js/jquery.showLoading.min.js")"></script>
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/Plugins/showLoading/css/showLoading.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/custom/common.js")"></script>
    <link type="text/css" rel="Stylesheet" href="@Url.Content("~/Content/Style/admin/style.css")" /> 
     <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
  @Html.Telerik().StyleSheetRegistrar().DefaultGroup( group => group.Add( "telerik.common.css" ).Add( "telerik.windows7.css" ).Combined( true ).Compress( true ) )

  @Html.Telerik().ScriptRegistrar().jQuery(false)

     <style type="text/css">
         body
         {
             background-image: url('/Content/images/common/bkg-body.png');
             background-repeat: repeat-y;
             background-position: center;
         }
         #page
         {
             background-image: url('/Content/images/common/bkg-main.png');
             background-repeat: repeat-x;
             width: 100%;
             padding: 0px;
         }
         #header-container
         {
             width: 100%;
             background-color: #28679c;
             background-image: url('/Content/images/common/bkg-header-main.png');
             float: left;
         }
         #header
         {
             width: 970px;
             height: 45px;
             margin: 0 auto;
         }
         #header a
         {
             font-size: 20px;
             color: #fff;
             font-weight:bold;
             text-decoration: none;
         }
         #nav-left-container
         {
             background-color: #e9f6ff;
             height: 100%;
             width: 270px;
             float: left;
         }
         #nav-left
         {
             padding: 6px 0px 12px 0px;
             background-image: url('/Content/images/common/bkg-nav-left-bottom.png');
             background-position: bottom;
             background-repeat: no-repeat;
             min-height: 50px;
             font-size:12px !important;
         }
         #content
         {
             width: 970px;
             height: 100%;
             float: left;
         }
         #main-container
         {
             width: 100%;
             float: left;
         }
         #main
         {
             width: 100%;
             margin: 0 auto;
         }
         #footer
         {
             width: 100%;
             height: 60px;
             background-color: #e9f6ff;
             border-top: 1px solid #dbe7ef;
             margin-top: 20px;
             float: left;
         }
         
         #nav-top-sub
         {
             width: 450px;
             height: 30px;
             color: #fff;
             float: right;
             padding: 10px 10px 4px 15px;
             font-size: 14px;
         }
         #nav-top-sub li
         {
             float: right;
             list-style: none;
             margin: 0 10px 0 10px;
         }
         #nav-top-sub a
         {
             font-size: 11px;
             color: #fff;
             text-decoration: none;
         }
         #nav-top-sub a:hover
         {
             text-decoration: underline;
         }
     </style>

     <script type="text/javascript">
         //jQuery.noConflict();        
     </script>

    <script language="javascript" type="text/javascript">
        $(function () {
            var icons = {
                header: "ui-icon-circle-arrow-e",
                headerSelected: "ui-icon-circle-arrow-s"
            };
            $("#nav-left").accordion({
                icons: icons,
                collapsible: true
            });
            $("#toggle").button().toggle(function () {
                $("#nav-left").accordion("option", "icons", false);
            }, function () {
                $("#nav-left").accordion("option", "icons", icons);
            });
          

            $("#mysetting_button").click(function () {
                $("#main_content_div").load("/admin/users/settings");
            });

            $("#logout_button").click(function () {             
                Logout();
            }); //end logout


        });

        function Logout() {
            window.location = '/admin/users/logout/';
        }        
    </script>

    @RenderSection( "_Head", false )
</head>
</head>
<body>
 <div id="container">
        <div id="page">
            <div id="header-container">
                <div id="header">
                    <a href="/Admin/dashboard">Administrator</a>
                    <div id="nav-top-sub">
                        <ul style="margin: 0; padding: 0;">
                            <li><a href="#" id="logout_button">Đăng xuất</a></li>
                            <li><a href="/admin/users/settings">Tài khoản</a></li>                            
                        </ul>
                    </div>
                </div>
            </div>
            <br clear="all" />
            <div id="main">
                <div id="nav-left-container">
                    <div id="nav-left">
                        <h3>
                            <a href="#">Quản lý sản phẩm</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 <li> <a href="/admin/product/ManageCategoryMain"> Loại Sản Phẩm</a></li>  
                                 <li> <a href="/admin/product/ManageProductPage"> Sản Phẩm</a></li>  
                                 <li> <a href="/admin/product/ManageProductAttributePage" > Thuộc tính Sản phẩm</a></li> 
                                 <li> <a href="/admin/product/ManageSpecificationAttributePage"> Thuộc tính Sản phẩm đặc biệt(danh mục cho tìm kiếm)</a></li>  
                            </ul>
                        </div>   
                         <h3><a href="#">Quản lý tin tức</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 <li id="Li1"> <a href="/admin/news/Index" id="A1"> Danh sách tin</a></li>  
                                 <li id="Li2"> <a href="/admin/news/addupdate" id=""> Thêm tin</a></li>  
                            </ul>
                        </div>                                            
                        <h3><a href="#">Quản lý dịch vụ</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 <li id="Li1"> <a href="/admin/dv/Index" id="A1"> Danh sách dịch vụ</a></li>  
                                 <li id="Li2"> <a href="/admin/dv/addupdate" id="A2"> Thêm dịch vụ</a></li>  
                            </ul>
                        </div>  
                        <h3><a href="#">Quản lý người dùng</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 <li id="Li1"> <a href="/admin/member/Index" id="A1"> Danh sách người dùng</a></li>  
                            </ul>
                        </div>  
                        <h3><a href="#">Quản lý chủ đề</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 <li id="Li1"> <a href="/admin/topic/Index" id="A1"> Danh sách chủ đề</a></li>  
                            </ul>
                        </div>   
                        <h3><a href="#">Quản lý đơn hàng</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 <li id="Li1"> <a href="/admin/order/Index" id="A1"> Danh sách đơn hàng</a></li>  
                            </ul>
                        </div>   
                        <h3><a href="#">Báo cáo</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 
                            </ul>
                        </div> 
                        <h3><a href="#">Cấu hình</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                  <li id="Li1"> <a href="/admin/configuration/Settings" id="A1"> Thiết lập cấu hình</a></li>  
                            </ul>
                        </div>  
                         <h3><a href="#">Quản lý dự án</a></h3>
                        <div style="padding-left:0px;">
                            <ul style="margin:0px;">
                                 <li id="Li1"> <a href="/admin/project/Index" id="A1"> Danh sách dự án</a></li>  
                                 <li id="Li2"> <a href="/admin/project/addupdate" id=""> Thêm dự án</a></li>  
                            </ul>
                        </div>                  
                    </div>
                </div>
                <div id="content" style="min-height: 400px;">
                    <div id="main_content_div" style="padding: 10px 5px 5px 5px;">
                         @RenderBody()
                    </div>
                </div>
            </div>
            <br clear="all" />
            <div id="footer">
            </div>
            <br clear="all" />
        </div>
    </div>   
     @Html.Telerik().ScriptRegistrar().DefaultGroup( group => group.Combined( true ).Compress( true ) ) 
   <div id="backgroundPopup">
   </div>
</body>
</html>
